<template>
  <view class="container">
    <u-empty
      mode="car"
      :icon="$util.img(icon)"
      :text="text"
      textColor="#788096"
      textSize="12"
      :width="width"
      :height="height"
      :marginTop="marginTop"
    >
    </u-empty>
  </view>
</template>

<script>
  export default {
    name:"emptyData",
    props: {
      width: {
        type: Number,
        default: 0
      },
      height: {
        type: Number,
        default: 0
      },
      text: {
        type: String,
        default: ''
      },
      icon: {
        type: String,
        default: ''
      },
      marginTop: {
        type: Number,
        default: 0
      },
    },
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss" scoped>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 500rpx;
}
</style>